<script setup lang="ts">
</script>

<template>
  <header class="head">
    <Navigation />
  </header>
  <main class="main">
    <router-view></router-view>
  </main>
  <footer class="foot">
    <Footer />
  </footer>
  <!-- 消息展示 -->
  <Alert />
</template>

<style lang="scss">
.head {
  height: 100px;
  background-color: $headBg;
}

.main {
  background-color: $uploadBg;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}

.foot {
  height: 120px;
  background-color: $footBg;
  color: $footColor;
  font-size: 14px;
  font-weight: 500;
  @include center;
}
</style>
